<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>

    <!-- start: Meta -->
    <meta charset="utf-8">
    <title>Bootstrap Metro Dashboard by Dennis Ji for ARM demo</title>
    <meta name="description" content="Bootstrap Metro Dashboard">
    <meta name="author" content="Dennis Ji">
    <meta name="keyword" content="Metro, Metro UI, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <!-- end: Meta -->

    <!-- start: Mobile Specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- end: Mobile Specific -->

    <!-- start: CSS -->
    
    <link id="bootstrap-style" href="/tp/Public/admin/css/bootstrap.min.css" rel="stylesheet">
    <link href="/tp/Public/admin/css/bootstrap-responsive.min.css" rel="stylesheet">
    <link id="base-style" href="/tp/Public/admin/css/style.css" rel="stylesheet">
    <link id="base-style-responsive" href="/tp/Public/admin/css/style-responsive.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,latin-ext' rel='stylesheet' type='text/css'>
    <!-- end: CSS -->


    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <link id="ie-style" href="/tp/Public/admin/css/ie.css" rel="stylesheet">
    <![endif]-->

    <!--[if IE 9]>
        <link id="ie9style" href="/tp/Public/admin/css/ie9.css" rel="stylesheet">
    <![endif]-->

    <!-- start: Favicon -->
    <link rel="shortcut icon" href="/tp/Public/admin/img/favicon.ico">
    <!-- end: Favicon -->




</head>

<body>
        <!-- start: Header -->
    <div class="navbar">
        <div class="navbar-inner">
            <div class="container-fluid">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <a class="brand" href="index.html"><span>JANUX</span></a>

                <!-- start: Header Menu -->
                <div class="nav-no-collapse header-nav">
                    <ul class="nav pull-right">
                        <li class="dropdown hidden-phone">
                            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                                <i class="icon-bell"></i>
                                <span class="badge red">
                                7 </span>
                            </a>
                            <ul class="dropdown-menu notifications">
                                <li class="dropdown-menu-title">
                                    <span>You have 11 notifications</span>
                                    <a href="#refresh"><i class="icon-repeat"></i></a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="icon blue"><i class="icon-user"></i></span>
                                        <span class="message">New user registration</span>
                                        <span class="time">1 min</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="icon green"><i class="icon-comment-alt"></i></span>
                                        <span class="message">New comment</span>
                                        <span class="time">7 min</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="icon green"><i class="icon-comment-alt"></i></span>
                                        <span class="message">New comment</span>
                                        <span class="time">8 min</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="icon green"><i class="icon-comment-alt"></i></span>
                                        <span class="message">New comment</span>
                                        <span class="time">16 min</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="icon blue"><i class="icon-user"></i></span>
                                        <span class="message">New user registration</span>
                                        <span class="time">36 min</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="icon yellow"><i class="icon-shopping-cart"></i></span>
                                        <span class="message">2 items sold</span>
                                        <span class="time">1 hour</span>
                                    </a>
                                </li>
                                <li class="warning">
                                    <a href="#">
                                        <span class="icon red"><i class="icon-user"></i></span>
                                        <span class="message">User deleted account</span>
                                        <span class="time">2 hour</span>
                                    </a>
                                </li>
                                <li class="warning">
                                    <a href="#">
                                        <span class="icon red"><i class="icon-shopping-cart"></i></span>
                                        <span class="message">New comment</span>
                                        <span class="time">6 hour</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="icon green"><i class="icon-comment-alt"></i></span>
                                        <span class="message">New comment</span>
                                        <span class="time">yesterday</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="icon blue"><i class="icon-user"></i></span>
                                        <span class="message">New user registration</span>
                                        <span class="time">yesterday</span>
                                    </a>
                                </li>
                                <li class="dropdown-menu-sub-footer">
                                    <a>View all notifications</a>
                                </li>
                            </ul>
                        </li>
                        <!-- start: Notifications Dropdown -->
                        <li class="dropdown hidden-phone">
                            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                                <i class="icon-calendar"></i>
                                <span class="badge red">
                                5 </span>
                            </a>
                            <ul class="dropdown-menu tasks">
                                <li class="dropdown-menu-title">
                                    <span>You have 17 tasks in progress</span>
                                    <a href="#refresh"><i class="icon-repeat"></i></a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="header">
                                            <span class="title">iOS Development</span>
                                            <span class="percent"></span>
                                        </span>
                                        <div class="taskProgress progressSlim red">80</div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="header">
                                            <span class="title">Android Development</span>
                                            <span class="percent"></span>
                                        </span>
                                        <div class="taskProgress progressSlim green">47</div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="header">
                                            <span class="title">ARM Development</span>
                                            <span class="percent"></span>
                                        </span>
                                        <div class="taskProgress progressSlim yellow">32</div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="header">
                                            <span class="title">ARM Development</span>
                                            <span class="percent"></span>
                                        </span>
                                        <div class="taskProgress progressSlim greenLight">63</div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="header">
                                            <span class="title">ARM Development</span>
                                            <span class="percent"></span>
                                        </span>
                                        <div class="taskProgress progressSlim orange">80</div>
                                    </a>
                                </li>
                                <li>
                                    <a class="dropdown-menu-sub-footer">View all tasks</a>
                                </li>
                            </ul>
                        </li>
                        <!-- end: Notifications Dropdown -->
                        <!-- start: Message Dropdown -->
                        <li class="dropdown hidden-phone">
                            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                                <i class="icon-envelope"></i>
                                <span class="badge red">
                                4 </span>
                            </a>
                            <ul class="dropdown-menu messages">
                                <li class="dropdown-menu-title">
                                    <span>You have 9 messages</span>
                                    <a href="#refresh"><i class="icon-repeat"></i></a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="avatar"><img src="/tp/Public/admin/img/avatar.jpg" alt="Avatar"></span>
                                        <span class="header">
                                            <span class="from">
                                                Dennis Ji
                                             </span>
                                            <span class="time">
                                                6 min
                                            </span>
                                        </span>
                                        <span class="message">
                                            Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="avatar"><img src="/tp/Public/admin/img/avatar.jpg" alt="Avatar"></span>
                                        <span class="header">
                                            <span class="from">
                                                Dennis Ji
                                             </span>
                                            <span class="time">
                                                56 min
                                            </span>
                                        </span>
                                        <span class="message">
                                            Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="avatar"><img src="/tp/Public/admin/img/avatar.jpg" alt="Avatar"></span>
                                        <span class="header">
                                            <span class="from">
                                                Dennis Ji
                                             </span>
                                            <span class="time">
                                                3 hours
                                            </span>
                                        </span>
                                        <span class="message">
                                            Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="avatar"><img src="/tp/Public/admin/img/avatar.jpg" alt="Avatar"></span>
                                        <span class="header">
                                            <span class="from">
                                                Dennis Ji
                                             </span>
                                            <span class="time">
                                                yesterday
                                            </span>
                                        </span>
                                        <span class="message">
                                            Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="avatar"><img src="/tp/Public/admin/img/avatar.jpg" alt="Avatar"></span>
                                        <span class="header">
                                            <span class="from">
                                                Dennis Ji
                                             </span>
                                            <span class="time">
                                                Jul 25, 2012
                                            </span>
                                        </span>
                                        <span class="message">
                                            Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
                                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a class="dropdown-menu-sub-footer">View all messages</a>
                                </li>
                            </ul>
                        </li>

                        <!-- start: User Dropdown -->
                        <li class="dropdown">
                            <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                                <i class="halflings-icon white user"></i> <?php echo ($_SESSION['admin']['username']); ?>
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <li class="dropdown-menu-title">
                                    <span>Account Settings</span>
                                </li>
                                <li><a href="#"><i class="halflings-icon user"></i> Profile</a></li>
                                <li><a href="<?php echo U('Admin/admin/loginout');?>"><i class="halflings-icon off"></i> 注销</a></li>
                            </ul>
                        </li>
                        <!-- end: User Dropdown -->
                    </ul>
                </div>
                <!-- end: Header Menu -->

            </div>
        </div>
    </div>
    <!-- start: Header --><div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>

        <div class="container-fluid-full">
        <div class="row-fluid">

            <!-- start: Main Menu -->
            <div id="sidebar-left" class="span2">
                <div class="nav-collapse sidebar-nav">
                    <ul class="nav nav-tabs nav-stacked main-menu">

                    <?php if(is_array($laynav)): foreach($laynav as $key=>$v): ?><li>
                            <a class="dropmenu" href="#"><i class="<?php echo ($v["icon"]); ?> white"></i><span class="hidden-tablet"> <?php echo ($v["name"]); ?></span></a>
                            <ul>
                                <?php if(is_array($child_laynav)): foreach($child_laynav as $key=>$vc): ?><!-- <?php if(in_array($v['id'],$_SESSION['admin']['group_access'])){ ?> -->
                                <!-- <?php } ?> -->
                                                    <?php if($v['id'] == $vc['pid']): ?><li><a class="submenu" href="<?php echo U($vc['url']);?>"><i class="<?php echo ($vc["icon"]); ?> white"></i><span class="hidden-tablet"><?php echo ($vc["name"]); ?></span></a></li><?php endif; endforeach; endif; ?>
                            </ul>
                        </li><?php endforeach; endif; ?>

                    </ul>
                </div>
            </div>
            <!-- end: Main Menu -->

            <noscript>
                <div class="alert alert-block span10">
                    <h4 class="alert-heading">Warning!</h4>
                    <p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
                </div>
            </noscript>






    


            <!-- start: Content -->
            <div id="content" class="span10">


            <ul class="breadcrumb">
                <li>
                    <i class="icon-home"></i>
                    <a href="index.html">后台</a>
                    <i class="icon-angle-right"></i>
                </li>
                <li>
                    <i class="icon-edit"></i>
                    <a href="#">导航添加</a>
                </li>
            </ul>

            <div class="row-fluid sortable">
                <div class="box span12">
                    <div class="box-header" data-original-title>
                        <h2><i class="halflings-icon white edit"></i><span class="break"></span>导航添加</h2>
                        <div class="box-icon">
                            <a href="#" class="btn-setting"><i class="halflings-icon white wrench"></i></a>
                            <a href="#" class="btn-minimize"><i class="halflings-icon white chevron-up"></i></a>
                            <a href="#" class="btn-close"><i class="halflings-icon white remove"></i></a>
                        </div>
                    </div>
                    <div class="box-content">
                        <form class="form-horizontal" method="post" action="">
                          <fieldset>
                            <div class="control-group">
                              <label class="control-label" for="typeahead">名称 </label>
                              <div class="controls">
                                <input type="text" name="name" class="span2 typeahead" id="typeahead"  data-provide="typeahead" data-items="4" >
                              </div>
                            </div>
                            <div class="control-group">
                              <label class="control-label" for="typeahead">地址 </label>
                              <div class="controls">
                                <input type="text" name="url" class="span2 typeahead" id="typeahead"  data-provide="typeahead" data-items="4" >
                              </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label">是否显示</label>
                                <div class="controls">
                                  <label class="radio">
                                    <input type="radio" name="is_show" value="1" id="optionsRadios1" value="option1" checked="">
                                    显示
                                  </label>
                                  <label class="radio">
                                    <input type="radio" name="is_show" value="0" id="optionsRadios2" value="option2">
                                    不显示
                                  </label>
                                </div>
                              </div>
                               <div class="control-group">
                                <label class="control-label"  for="selectError3">导航位置</label>
                                <div class="controls">
                                  <select name="point" id="selectError3">
                                  <option value="0">无</option>
                                    <option value="1">头部</option>
                                    <option value="2">中部</option>
                                    <option value="3">底部</option>
                                  </select>
                                </div>
                              </div>
                              <div class="control-group">
                                <label class="control-label"  for="selectError3">层级</label>
                                <div class="controls">
                                  <select name="pid" id="selectError3">
                                    <option value="0">顶级</option>
                                    <?php if(is_array($list)): foreach($list as $key=>$v): ?><option value="<?php echo ($v["id"]); ?>"><?php echo ($v["name"]); ?></option><?php endforeach; endif; ?>
                                  </select>
                                </div>
                              </div>
                              <div class="control-group">
                                <label class="control-label">前后台</label>
                                <div class="controls">
                                  <label class="radio">
                                    <input type="radio" name="is_home" value="0" id="optionsRadios1" value="option1" checked="">
                                    后台
                                  </label>
                                  <label class="radio">
                                    <input type="radio" name="is_home" value="1" id="optionsRadios2" value="option2">
                                    前台
                                  </label>
                                </div>
                              </div>
                              <div class="control-group">
                              <label class="control-label" for="typeahead">图标 </label>
                              <div class="controls">
                                <input type="text" name="icon" class="span2 typeahead icon" id="typeahead"  data-provide="typeahead" data-items="4" >
                              </div>
                            </div>



                            <div class="form-actions">
                              <button type="submit" class="btn btn-primary">保存</button>
                              <button type="reset" class="btn">清空</button>
                            </div>
                          </fieldset>
                        </form>

                    </div>
                </div><!--/span-->

            </div><!--/row-->
            <div class="row-fluid">
        <div class="box span12">
          <div class="box-header">
            <h2><i class="halflings-icon white picture"></i><span class="break"></span>图标选择</h2>
            <div class="box-icon">
              <a class="btn-setting" href="#"><i class="halflings-icon white wrench"></i></a>
              <a class="btn-minimize" href="#"><i class="halflings-icon white chevron-up"></i></a>
              <a class="btn-close" href="#"><i class="halflings-icon white remove"></i></a>
            </div>
          </div>
          <div class="box-content">
            <section id="icons1">

              <div class="row-fluid bs-icons">
              <div class="span3">
                <ul class="the-icons">
                <li><i class="halflings-icon glass"></i> halflings-icon glass</li>
                <li><i class="halflings-icon music"></i> halflings-icon music</li>
                <li><i class="halflings-icon search"></i> halflings-icon search</li>
                <li><i class="halflings-icon envelope"></i> halflings-icon envelope</li>
                <li><i class="halflings-icon heart"></i> halflings-icon heart</li>
                <li><i class="halflings-icon star"></i> halflings-icon star</li>
                <li><i class="halflings-icon star-empty"></i> halflings-icon star-empty</li>
                <li><i class="halflings-icon user"></i> halflings-icon user</li>
                <li><i class="halflings-icon film"></i> halflings-icon film</li>
                <li><i class="halflings-icon th-large"></i> halflings-icon th-large</li>
                <li><i class="halflings-icon th"></i> halflings-icon th</li>
                <li><i class="halflings-icon th-list"></i> halflings-icon th-list</li>
                <li><i class="halflings-icon ok"></i> halflings-icon ok</li>
                <li><i class="halflings-icon remove"></i> halflings-icon remove</li>
                <li><i class="halflings-icon zoom-in"></i> halflings-icon zoom-in</li>
                <li><i class="halflings-icon zoom-out"></i> halflings-icon zoom-out</li>
                <li><i class="halflings-icon off"></i> halflings-icon off</li>
                <li><i class="halflings-icon signal"></i> halflings-icon signal</li>
                <li><i class="halflings-icon cog"></i> halflings-icon cog</li>
                <li><i class="halflings-icon trash"></i> halflings-icon trash</li>
                <li><i class="halflings-icon home"></i> halflings-icon home</li>
                <li><i class="halflings-icon file"></i> halflings-icon file</li>
                <li><i class="halflings-icon time"></i> halflings-icon time</li>
                <li><i class="halflings-icon road"></i> halflings-icon road</li>
                <li><i class="halflings-icon download-alt"></i> halflings-icon download-alt</li>
                <li><i class="halflings-icon download"></i> halflings-icon download</li>
                <li><i class="halflings-icon upload"></i> halflings-icon upload</li>
                <li><i class="halflings-icon inbox"></i> halflings-icon inbox</li>
                <li><i class="halflings-icon play-circle"></i> halflings-icon play-circle</li>
                <li><i class="halflings-icon repeat"></i> halflings-icon repeat</li>
                <li><i class="halflings-icon refresh"></i> halflings-icon refresh</li>
                <li><i class="halflings-icon list-alt"></i> halflings-icon list-alt</li>
                <li><i class="halflings-icon lock"></i> halflings-icon lock</li>
                <li><i class="halflings-icon flag"></i> halflings-icon flag</li>
                <li><i class="halflings-icon headphones"></i> halflings-icon headphones</li>
                </ul>
              </div>
              <div class="span3">
                <ul class="the-icons">
                <li><i class="halflings-icon volume-off"></i> halflings-icon volume-off</li>
                <li><i class="halflings-icon volume-down"></i> halflings-icon volume-down</li>
                <li><i class="halflings-icon volume-up"></i> halflings-icon volume-up</li>
                <li><i class="halflings-icon qrcode"></i> halflings-icon qrcode</li>
                <li><i class="halflings-icon barcode"></i> halflings-icon barcode</li>
                <li><i class="halflings-icon tag"></i> halflings-icon tag</li>
                <li><i class="halflings-icon tags"></i> halflings-icon tags</li>
                <li><i class="halflings-icon book"></i> halflings-icon book</li>
                <li><i class="halflings-icon bookmark"></i> halflings-icon bookmark</li>
                <li><i class="halflings-icon print"></i> halflings-icon print</li>
                <li><i class="halflings-icon camera"></i> halflings-icon camera</li>
                <li><i class="halflings-icon font"></i> halflings-icon font</li>
                <li><i class="halflings-icon bold"></i> halflings-icon bold</li>
                <li><i class="halflings-icon italic"></i> halflings-icon italic</li>
                <li><i class="halflings-icon text-height"></i> halflings-icon text-height</li>
                <li><i class="halflings-icon text-width"></i> halflings-icon text-width</li>
                <li><i class="halflings-icon align-left"></i> halflings-icon align-left</li>
                <li><i class="halflings-icon align-center"></i> halflings-icon align-center</li>
                <li><i class="halflings-icon align-right"></i> halflings-icon align-right</li>
                <li><i class="halflings-icon align-justify"></i> halflings-icon align-justify</li>
                <li><i class="halflings-icon list"></i> halflings-icon list</li>
                <li><i class="halflings-icon indent-left"></i> halflings-icon indent-left</li>
                <li><i class="halflings-icon indent-right"></i> halflings-icon indent-right</li>
                <li><i class="halflings-icon facetime-video"></i> halflings-icon facetime-video</li>
                <li><i class="halflings-icon picture"></i> halflings-icon picture</li>
                <li><i class="halflings-icon pencil"></i> halflings-icon pencil</li>
                <li><i class="halflings-icon map-marker"></i> halflings-icon map-marker</li>
                <li><i class="halflings-icon adjust"></i> halflings-icon adjust</li>
                <li><i class="halflings-icon tint"></i> halflings-icon tint</li>
                <li><i class="halflings-icon edit"></i> halflings-icon edit</li>
                <li><i class="halflings-icon share"></i> halflings-icon share</li>
                <li><i class="halflings-icon check"></i> halflings-icon check</li>
                <li><i class="halflings-icon move"></i> halflings-icon move</li>
                <li><i class="halflings-icon step-backward"></i> halflings-icon step-backward</li>
                <li><i class="halflings-icon fast-backward"></i> halflings-icon fast-backward</li>
                </ul>
              </div>
              <div class="span3">
                <ul class="the-icons">
                <li><i class="halflings-icon backward"></i> halflings-icon backward</li>
                <li><i class="halflings-icon play"></i> halflings-icon play</li>
                <li><i class="halflings-icon pause"></i> halflings-icon pause</li>
                <li><i class="halflings-icon stop"></i> halflings-icon stop</li>
                <li><i class="halflings-icon forward"></i> halflings-icon forward</li>
                <li><i class="halflings-icon fast-forward"></i> halflings-icon fast-forward</li>
                <li><i class="halflings-icon step-forward"></i> halflings-icon step-forward</li>
                <li><i class="halflings-icon eject"></i> halflings-icon eject</li>
                <li><i class="halflings-icon chevron-left"></i> halflings-icon chevron-left</li>
                <li><i class="halflings-icon chevron-right"></i> halflings-icon chevron-right</li>
                <li><i class="halflings-icon plus-sign"></i> halflings-icon plus-sign</li>
                <li><i class="halflings-icon minus-sign"></i> halflings-icon minus-sign</li>
                <li><i class="halflings-icon remove-sign"></i> halflings-icon remove-sign</li>
                <li><i class="halflings-icon ok-sign"></i> halflings-icon ok-sign</li>
                <li><i class="halflings-icon question-sign"></i> halflings-icon question-sign</li>
                <li><i class="halflings-icon info-sign"></i> halflings-icon info-sign</li>
                <li><i class="halflings-icon screenshot"></i> halflings-icon screenshot</li>
                <li><i class="halflings-icon remove-circle"></i> halflings-icon remove-circle</li>
                <li><i class="halflings-icon ok-circle"></i> halflings-icon ok-circle</li>
                <li><i class="halflings-icon ban-circle"></i> halflings-icon ban-circle</li>
                <li><i class="halflings-icon arrow-left"></i> halflings-icon arrow-left</li>
                <li><i class="halflings-icon arrow-right"></i> halflings-icon arrow-right</li>
                <li><i class="halflings-icon arrow-up"></i> halflings-icon arrow-up</li>
                <li><i class="halflings-icon arrow-down"></i> halflings-icon arrow-down</li>
                <li><i class="halflings-icon share-alt"></i> halflings-icon share-alt</li>
                <li><i class="halflings-icon resize-full"></i> halflings-icon resize-full</li>
                <li><i class="halflings-icon resize-small"></i> halflings-icon resize-small</li>
                <li><i class="halflings-icon plus"></i> halflings-icon plus</li>
                <li><i class="halflings-icon minus"></i> halflings-icon minus</li>
                <li><i class="halflings-icon asterisk"></i> halflings-icon asterisk</li>
                <li><i class="halflings-icon exclamation-sign"></i> halflings-icon exclamation-sign</li>
                <li><i class="halflings-icon gift"></i> halflings-icon gift</li>
                <li><i class="halflings-icon leaf"></i> halflings-icon leaf</li>
                <li><i class="halflings-icon fire"></i> halflings-icon fire</li>
                <li><i class="halflings-icon eye-open"></i> halflings-icon eye-open</li>
                </ul>
              </div>
              <div class="span3">
                <ul class="the-icons">
                <li><i class="halflings-icon eye-close"></i> halflings-icon eye-close</li>
                <li><i class="halflings-icon warning-sign"></i> halflings-icon warning-sign</li>
                <li><i class="halflings-icon plane"></i> halflings-icon plane</li>
                <li><i class="halflings-icon calendar"></i> halflings-icon calendar</li>
                <li><i class="halflings-icon random"></i> halflings-icon random</li>
                <li><i class="halflings-icon comment"></i> halflings-icon comment</li>
                <li><i class="halflings-icon magnet"></i> halflings-icon magnet</li>
                <li><i class="halflings-icon chevron-up"></i> halflings-icon chevron-up</li>
                <li><i class="halflings-icon chevron-down"></i> halflings-icon chevron-down</li>
                <li><i class="halflings-icon retweet"></i> halflings-icon retweet</li>
                <li><i class="halflings-icon shopping-cart"></i> halflings-icon shopping-cart</li>
                <li><i class="halflings-icon folder-close"></i> halflings-icon folder-close</li>
                <li><i class="halflings-icon folder-open"></i> halflings-icon folder-open</li>
                <li><i class="halflings-icon resize-vertical"></i> halflings-icon resize-vertical</li>
                <li><i class="halflings-icon resize-horizontal"></i> halflings-icon resize-horizontal</li>
                <li><i class="halflings-icon hdd"></i> halflings-icon hdd</li>
                <li><i class="halflings-icon bullhorn"></i> halflings-icon bullhorn</li>
                <li><i class="halflings-icon bell"></i> halflings-icon bell</li>
                <li><i class="halflings-icon certificate"></i> halflings-icon certificate</li>
                <li><i class="halflings-icon thumbs-up"></i> halflings-icon thumbs-up</li>
                <li><i class="halflings-icon thumbs-down"></i> halflings-icon thumbs-down</li>
                <li><i class="halflings-icon hand-right"></i> halflings-icon hand-right</li>
                <li><i class="halflings-icon hand-left"></i> halflings-icon hand-left</li>
                <li><i class="halflings-icon hand-up"></i> halflings-icon hand-up</li>
                <li><i class="halflings-icon hand-down"></i> halflings-icon hand-down</li>
                <li><i class="halflings-icon circle-arrow-right"></i> halflings-icon circle-arrow-right</li>
                <li><i class="halflings-icon circle-arrow-left"></i> halflings-icon circle-arrow-left</li>
                <li><i class="halflings-icon circle-arrow-up"></i> halflings-icon circle-arrow-up</li>
                <li><i class="halflings-icon circle-arrow-down"></i> halflings-icon circle-arrow-down</li>
                <li><i class="halflings-icon globe"></i> halflings-icon globe</li>
                <li><i class="halflings-icon white wrench"></i> halflings-icon white wrench</li>
                <li><i class="halflings-icon tasks"></i> halflings-icon tasks</li>
                <li><i class="halflings-icon filter"></i> halflings-icon filter</li>
                <li><i class="halflings-icon briefcase"></i> halflings-icon briefcase</li>
                <li><i class="halflings-icon fullscreen"></i> halflings-icon fullscreen</li>
                </ul>
              </div>

            </div>

          </section></div>
        </div><!--/span-->

      </div>




    </div><!--/.fluid-container-->

            <!-- end: Content -->

        </div><!--/#content.span10-->
        </div><!--/fluid-row-->

    <div class="modal hide fade" id="myModal">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">×</button>
            <h3>Settings</h3>
        </div>
        <div class="modal-body">
            <p>Here settings can be configured...</p>
        </div>
        <div class="modal-footer">
            <a href="#" class="btn" data-dismiss="modal">Close</a>
            <a href="#" class="btn btn-primary">Save changes</a>
        </div>
    </div>

    <div class="common-modal modal fade" id="common-Modal1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <ul class="list-inline item-details">
                <li><a href="#">Admin templates</a></li>
                <li><a href="http://themescloud.org">Bootstrap themes</a></li>
            </ul>
        </div>
    </div>

    <div class="clearfix"></div>

    <footer>

        <p>
            <span style="text-align:left;float:left">&copy; 2013 <a href="downloads/janux-free-responsive-admin-dashboard-template/" alt="Bootstrap_Metro_Dashboard">JANUX Responsive Dashboard</a></span>

        </p>

    </footer>

    <!-- start: JavaScript-->
    <script src="/tp/Public/admin/js/jquery-1.9.1.min.js"></script>
    
  <script src="/tp/Public/admin/js/jquery-1.9.1.min.js"></script>
  <script  type="text/javascript">
    $(function(){
      $('.bs-icons li').click(function(){
        $('.icon').val($(this).text());

      })
    })
  </script>


    <script src="/tp/Public/admin/js/jquery-migrate-1.0.0.min.js"></script>

        <script src="/tp/Public/admin/js/jquery-ui-1.10.0.custom.min.js"></script>

        <script src="/tp/Public/admin/js/jquery.ui.touch-punch.js"></script>

        <script src="/tp/Public/admin/js/modernizr.js"></script>

        <script src="/tp/Public/admin/js/bootstrap.min.js"></script>

        <script src="/tp/Public/admin/js/jquery.cookie.js"></script>

        <script src='/tp/Public/admin/js/fullcalendar.min.js'></script>

        <script src='/tp/Public/admin/js/jquery.dataTables.min.js'></script>

        <script src="/tp/Public/admin/js/excanvas.js"></script>
    <script src="/tp/Public/admin/js/jquery.flot.js"></script>
    <script src="/tp/Public/admin/js/jquery.flot.pie.js"></script>
    <script src="/tp/Public/admin/js/jquery.flot.stack.js"></script>
    <script src="/tp/Public/admin/js/jquery.flot.resize.min.js"></script>

        <script src="/tp/Public/admin/js/jquery.chosen.min.js"></script>

        <script src="/tp/Public/admin/js/jquery.uniform.min.js"></script>

        <script src="/tp/Public/admin/js/jquery.cleditor.min.js"></script>

        <script src="/tp/Public/admin/js/jquery.noty.js"></script>

        <script src="/tp/Public/admin/js/jquery.elfinder.min.js"></script>

        <script src="/tp/Public/admin/js/jquery.raty.min.js"></script>

        <script src="/tp/Public/admin/js/jquery.iphone.toggle.js"></script>

        <script src="/tp/Public/admin/js/jquery.uploadify-3.1.min.js"></script>

        <script src="/tp/Public/admin/js/jquery.gritter.min.js"></script>

        <script src="/tp/Public/admin/js/jquery.imagesloaded.js"></script>

        <script src="/tp/Public/admin/js/jquery.masonry.min.js"></script>

        <script src="/tp/Public/admin/js/jquery.knob.modified.js"></script>

        <script src="/tp/Public/admin/js/jquery.sparkline.min.js"></script>

        <script src="/tp/Public/admin/js/counter.js"></script>

        <script src="/tp/Public/admin/js/retina.js"></script>

        <script src="/tp/Public/admin/js/custom.js"></script>
    <!-- end: JavaScript-->

</body>
</html>